﻿@model Teleplex.DataModels.TVShow

<div class="container">
    <div class="row clearfix">
    </div>

    <div class="row panel panel-default">
        <div class="panel-body">

            <div class="col-sm-3">
                <img class="img-responsive" src="@Model.ImageURL" />
            </div>
            <div class="col-sm-6">
                <h3>@Model.Title <small><a href="/TVShow/EditShow/@Model.Id">Edit</a></small></h3>
                <p>@Model.Synopsis</p>
            </div>
            <div class="col-sm-3">
                <h4>Characters <small><a href="/TVCharacter/AddCharacter/@Model.Id">+Add</a></small></h4>

                <ul class="list-group">

                    @foreach (var character in Model.Characters)
                    {
                        <li class="list-group-item" onclick="location.href='/TVCharacter/Detail/@character.Id'">
                            @character.Name
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>

</div>
